<!--  -->
<template>
	<u-navbar :is-fixed="false" :border-bottom="false" :is-back="false" title=""
		:background="{ background: '#FFFFFF' }">
		<view class="nav-wrap">
			<view class="logo" @click="toCenter">
				<image src="/static/home/home_logo@2x.png" class="icon logo-icon" mode="widthFix"></image>
			</view>

			<view class="message">
				<image src="/static/home/home_xiaoxi@2x.png" class="icon message-icon" mode="widthFix"></image>
			</view>
		</view>
	</u-navbar>
</template>

<script>
	export default {
		data() {
			return {};
		},

		components: {},

		computed: {},

		mounted() {},

		methods: {
			toCenter() {

			}
		},
	};
</script>
<style lang='scss' scoped>
.nav-wrap{
	width: 100%;
	display: flex;
			align-items: center;
			justify-content: flex-start;
	justify-content: space-between;
	.logo {
		flex: 1;
		width: 185rpx;
		height: 64rpx;
		background: #FFFFFF;
		&-icon {
			width: 185rpx;
			height: 64rpx;
		}
	}
	.message {
		flex: 1;
		display: flex;
			align-items: center;
			justify-content: flex-end;
		width: 185rpx;
		height: 64rpx;
		&-icon {
			width: 37rpx;
			height: 48rpx;
		}
	}

}
	
</style>
